<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>网络报销系统</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <meta  http-equiv="Expires" CONTENT="0"/>
        <meta  http-equiv="Cache-Control"  CONTENT="no-cache"/>
        <meta  http-equiv="Pragma" CONTENT="no-cache"/>
        <link rel="stylesheet" type="text/css" href="resource/css/mystyle.css"/>
        <link rel="stylesheet" type="text/css" href="resource/css/tableStyle.css"/>
      
        
        <style type="text/css">
            .top{
                vertical-align: top;
            }
            .bottom{
                vertical-align: bottom;
            }
            .active-row {
                background-color: #FFEBDA !important;
                cursor: pointer;
            }
            *{font-size:12px !important;}
            #h-p-1 p{
                font-family: "&#x65B9;&#x6B63;&#x5C0F;&#x6807;&#x5B8B;&#x7B80;&#x4F53;", Georgia, serif;
                font-size: 22px !important;
                font-weight: 900;
                color: midnightblue;
                margin: 10px 0px 10px 30px;
            }
            #h-p-1{
                float: left;
            }
            #head-wrap{
                margin: 0px;              
                padding: 0px;
                overflow: hidden;
                background-image:url(resource/images/blueSky.png);
            }
            #h-p-2{
                margin:10px 0px 0px 0px;
            }
            #body-wrap{
                margin: 0px 0px 0px 0px;
                padding: 0px;
                vertical-align:top;
            }
            #body-left{
                width:20%;                
                float: left;
                text-align: left;
                height:550px;
                overflow: auto;
            }
            #body-right{
                width: 80%;
                float:right;
                text-align: left;
                height:550px;
                overflow: auto;
                margin:0px;
                padding:0px;
            }
            #layout{
                overflow: hidden;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                background-color: #BDDBFF;
                vertical-align:top;
                border-radius:0px 0px 0px 10px;
            }
        </style>
    </h:head>

    <h:body id="template-body">
        <center>
            <div id="layout">
                <div id="head-wrap" class="rf-p">
                    <h:form>
                        <h:commandLink action="#{sysmenu.initSelectedPage}" style="text-decoration: none;">
                            <div id="h-p-1">
                                <p>全国社保基金理事会网络报销系统</p>
                            </div>
                        </h:commandLink>

                        <div id="h-p-2" style="float:right;" class="rf-p-b">
                            <h:outputText value=" #{loginInfo.per.deptName} >> #{loginInfo.per.cpsn_name}"/>
                            <h:panelGroup rendered="true">
                                [<h:commandLink action="#{logoutBean.exit}" value="安全退出"/>]
                            </h:panelGroup>
                        </div>
                    </h:form>
                </div>

                <div id="body-wrap">
                    <div id="body-left">
                        <ui:insert name="navigation"/>
                    </div>
                    <div id="body-right">
                        <ui:insert name="content"/>
                    </div>
                </div>                
            </div>
        </center>
    </h:body>
</html>
